<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<link rel="stylesheet" href="css/iconfont.css">
		<link rel="stylesheet" href="css/foot.css">
		<link rel="stylesheet" href="css/White-14_Mauntain%20Detail%20Page.css">
		<script src="js/rem.js"></script>

		<div class="container">
			<div class="banner">
				<div class="middle">
					<a class="iconfont icon-xiangzuojiantou" href="javascript:;"></a>
					
					<p>登山</p>
				</div>
				<hr >
			</div>
			<header>
				
				<div class="beijing"></div>
				<div class="content">
					<div class="desc">
						<p>科罗拉多大峡谷</p>
						<p></p>
						<p>家庭旅行度假到众神之家旅行有益健康的医疗信息</p>
						<p>为了健康</p>
					</div>
					
					<div class="lists">
						<div class="list">
							
								<p class="iconfont icon-daohang1" id="icon1"></p>
							
								<p class="daohang">设置位置导航</p>
								
								
						</div>
						<div class="list"  id="shoucang">
								
							<p class="iconfont icon-heart" id="icon2"></p>
							
							<p class="shoucang">加入收藏夹</p>
							
									
						</div>
					</div>
									
						<div class="neirong">
							<div class="word">
								<p>详情</p>
								<p></p>
								<p>科罗拉多大峡谷位于美国亚利桑那州(Arizona)西北部，科罗拉多高原西南部。大峡谷全长446千米，平均宽度16千米，最深处2133米，平均深度超过1500米，总面积为2724平方千米。
				1919年，威尔逊总统将大峡谷地区辟为“大峡谷国家公园”(Grand Canyon National Park)。</p>
							</div>
							<div class="word">
								<p>历史</p>
								<p></p>
								<p>大峡谷是科罗拉多河的杰作。这条河发源于科罗拉多州的落基山，洪流奔泻，经犹他州、亚利桑那州，由加利福尼亚州的加利福尼亚湾入海，全长2320千米。“科罗拉多”，在西班牙语中，意为“红河”，这是由于河中夹带大量泥沙，河水常显红色，故有此名，在大峡谷中，有75种哺乳动物、50种两栖和爬行动物、25种鱼类和超过300种的鸟类生存。整个国家公园是许多动物的乐园。</p>
							</div>
							<div class="word">
								<p>图库</p>
								<p></p>
								<ul class="list">
									<li></li>
									<li></li>
									
									
								</ul>
							</div>
							<div class="word">
								<p>导航路线</p>
								<p></p>
								<div class="way">
									<span >
										<em class="iconfont icon-qiche"></em>
									</span>
									<span >
										<em class="iconfont icon-gongjiao"></em>
									</span>
									<span >
										<em class="iconfont icon-huoche"></em>
									</span>
									<span >
										<em class="iconfont icon-feiji"></em>
									</span>
								</div>
							</div>
						</div>	
		
								
				</div>
							
				
			</header>
			<footer>
				<a class="iconfont icon-caidan" href="javascript:;"></a>
				<a></a>
				<a class="iconfont icon-b_ic_menu" href="javascript:;">
					<span></span>
					
				</a>
				
				<a href="javascript:;">
					<span class="iconfont icon-dizhi"></span>
					
				</a>
				
				<a class="iconfont icon-fangdajing" href="javascript:;"></a>
				<a></a>
				<a class="iconfont icon-zhaoxiangji" href="javascript:;"></a>
			</footer>
			
			
			
			
			
			
			
		</div>
		
		
		<script type="text/javascript">
			
			var shoucang=document.querySelector('#shoucang')
			var shoucangp=document.querySelector('.shoucang')
			var shoucangicon=document.querySelector('#icon2')
			console.log(shoucang)
			console.log(icon2)
			shoucang.onclick=function(){
				icon2.style.color='red'
				shoucangp.style.color='red'
				alert('收藏成功')
			}
			
			
			
			
			
			
		</script>
		
		
		
		
		
	</body>
</html>
